<template>
    <div class="islike">
        <p class="like">猜你喜欢</p>
        <div>
            <ul id="like_li">
                <li v-for="item in guessLike" :key='item.id'>
                    <img :src="item.pic" alt="">
                    <p class="describe">{{item.name}}</p>
                    <div class="describe2">
                        <span class="price">￥{{item.pingtuanPrice}}</span>
                        <span class="num">已售{{item.vetStatus}}</span>
                    </div>
                    <div class="test">{{item.name}}</div>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    name: 'wgy-like',
    props:{
        guessLike:{
            type:Array,
            datelut:() => {
                return []
            }
        }
    },
    data() {
        return {

        };
    },
    created() {
    },
    methods: {

    },
    //组件挂载
    components: {},
    //计算属性
    computed: {},
    //过滤器
    filters: {},
};
</script>

<style lang="scss" scoped>
.islike{
    width:100%;
   
    .like{
        width: 100%;
        text-align: center;
        line-height: .8rem;
        height: .8rem;
        font-size: .3rem;
    }
    #like_li{
        width: 100%;
        padding-right: .2rem;
        
        li{
            width: 47%;
            height: 5.6rem;
            margin-left: .2rem;
            position: relative;
            float: left;
            font-size: .3rem;
             .test{
            position: absolute;
            bottom: 1.2rem;
            left: 0;
            background-color: #ECE9D1;
            height: .8rem;
            color: #B69B72;
            line-height: .8rem;
            padding-left: .2rem;
            width: 100%;
        }
            img{
                width: 100%;
                height: 4.4rem;
            }
            .describe{
                margin: .1rem 0;
            }
            .describe2{
                width: 100%;
                display: flex;
                justify-content: space-between;
                 .price{
                color: red;
            }
            .num{
                color: #B2B2B9;
            }
            }
        }
    }
}
</style>
